<template>
    <view style="height: 100%">
        <!-- pages/inque/inque.wxml -->
        <form @submit="formSubmit">
            <view class="all">
                <view class="ask">
                    <text>提问：</text>
                    <textarea name="question" placeholder="请详细描述您遇到的问题"></textarea>
                </view>
                <view class="btn-area">
                    <button size="mini" style="margin: 0rpx 20rpx 0 20rpx" type="primary" formType="submit">提交</button>
                    <button size="mini" style="margin: 0rpx 20rpx 0 20rpx" formType="reset">清空</button>
                </view>
            </view>
        </form>
    </view>
</template>

<script>
// pages/inque/inque.js
export default {
    data() {
        return {
            question: ''
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad: function (options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {},
    methods: {
        formSubmit: function (e) {
            console.log(e.detail.value);
            this.setData({
                question: e.detail.value.question
            });
        }
    }
};
</script>
<style>
/* pages/inque/inque.wxss */
.ask {
    display: flex;
    flex-direction: column;
}
textarea {
    border-bottom: 2rpx solid black;
    border-top: 2rpx solid black;
}
.btn-area {
    display: flex;
    flex-direction: row;
    margin: 20rpx 20rpx 20rpx 20rpx;
}
</style>
